<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn"  uri="http://java.sun.com/jsp/jstl/functions" %>
<%@taglib prefix="tags" tagdir="/WEB-INF/tags" %>
<c:set var="ctx"><%=request.getContextPath()%></c:set>
<!DOCTYPE html>
<!-- saved from url=(0024)http://www.pinpaitg.net/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="320" name="MobileOptimized">
<meta content="telephone=no" name="format-detection">

<script> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }</script>
<title>耐克官方旗舰店</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" href="${ctx}/styles/mobile/qdwap.css">
<link rel="stylesheet" href="${ctx}/styles/mobile/swipe.css">
<style>
/* Swipe 2 required styles */

.swipe { overflow: hidden; visibility: hidden; position: relative; }
.swipe-wrap { overflow: hidden; position: relative; }
.swipe-wrap > figure { float: left; width: 100%; position: relative; }
.weui-mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}
.weui-dialog {
    position: fixed;
    z-index: 5000;
    width: 80%;
    max-width: 300px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.weui-dialog__bd:first-child {
    padding: 2.7em 20px 1.7em;
    color: #353535;
}
.weui-dialog__bd {
    padding: 0 1.6em 0.8em;
    min-height: 40px;
    font-size: 15px;
    line-height: 1.3;
    word-wrap: break-word;
    word-break: break-all;
    color: #999999;
    border-bottom: 1px solid #ccc;
}
.weui-dialog__ft {
    position: relative;
    line-height: 48px;
    font-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.weui-dialog__btn_primary {
    color: #0BB20C;
}
.weui-dialog__btn {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #000;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
}
.weui-btn_primary {
    background-color: #f30;
}
.weui-btn {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 2.55555556;
    border-radius: 5px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
}


/* END required styles */
</style>
<script src="${ctx}/js/mobile/jquery.js"></script>
<script src="${ctx }/js/mobile/time.lesser.js"></script>
<script src="${ctx}/js/mobile/swipe.js"></script> 
</head>

<body>
<div id="page">
  <header>
    <h1>
       	耐克官方旗舰店
    </h1>
    
  </header>
  
  <!-- begin 图片轮播 -->
  <div class="page-swipe">
    <div id="slider" class="swipe" style="visibility: visible;">
      <div class="swipe-wrap" style="width: 2304px;">
                 
                <figure data-index="1" style="width: 768px; left: -768px; transition: 0ms; -webkit-transition: 0ms; -webkit-transform: translate(768px, 0px) translateZ(0px);">
          <div class="wrap">
            <div class="image" style="background:url(${ctx}/images/2.jpg) center no-repeat;background-size: cover"></div>
          </div>
        </figure>
                
      </div>
    </div>
    <div class="swipe-nav" style="display:none;">
      <ul id="position">
        <li class="on"></li>
        <li class=" "></li>
        <li class=" "></li>
        <!--number-->
      </ul>
    </div>
  </div>
  
  <!-- end 图片轮播 -->
  
  <section class="Glist">
	    <ul id="goods_new_model" style="display: none;"> 
	      <a href="http://www.pinpaitg.net/hindex-1.html">
		      <li class="title">【名牌折扣网 2014官方首发秒杀活动】</li>
		      <li><img src="./"></li>
		      <li>
			        <dl>
			          <dt class="nowprice"></dt>
			          <dd>
			          	<p class="buy-num"></p>
			          	<div>
			          		<time id="timer_id">01天12小时26分30秒</time>
			          	</div>
			            
			          </dd>
			        </dl>
			        <dl>
			          <dt><b>原价</b> <b>折扣</b> <b>节省</b></dt>
			          <dd><span class="oldprice"></span> <span class="discount"></span> <span class="sumprice"> </span> </dd>
			        </dl>
		      </li>
		      <li><strong class="buy-btn">立即购买</strong></li>
	      </a>
	    </ul>
      </section>
      
  <!-- begin 底部图片 -->
  <footer>
    <p><img src="${ctx }/images/renz.png"></p>
  </footer>
  <!-- end 底部图片 -->
  
</div>
<!--/page--> 

﻿
<nav>
  <ul class="Transverse">
    <li><a href="${ctx }/?gzid=${param.gzid}"><strong>首页</strong></a></li>
    <li id="qq_a"><a href="#" data-qq="3031229445"><strong>客服咨询</strong></a></li>
  </ul>
</nav>

<div style="display: none;">
  <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?5daa65529d285385308e99c1eaa6eebf";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</div>

<div class="js_dialog" id="iosDialog2" style="display:none;">
            <div class="weui-mask"></div>
            <div class="weui-dialog">
                <div class="weui-dialog__bd">
                	<div style="position:absolute;left:5px;top:5px;"><img src="${ctx }/images/nake_logo.jpg" style="width:50px;"/><span>耐克官方旗舰店</span></div>
                	<div style="margin-top:15px;"><div class="weui-btn weui-btn_primary">QQ：3031229445</div></div>
                	<div style="margin-top:15px;"><div class="weui-btn weui-btn_primary">微信：NIKE_2028</div></div>
                	<div style="margin-top:15px;">长按复制号码</div>
                	<div></div>
                </div>
                <div class="weui-dialog__ft">
                    <a href="javascript:;" id="iknow" class="weui-dialog__btn weui-dialog__btn_primary">知道了</a>
                </div>
            </div>
        </div>

<script>
	$(function(){
		
		$("#qq_a").click(function(){
			$('#iosDialog2').show();
			return false;
		});
		
		$('#iknow').click(function(){
			$('#iosDialog2').hide();
			return false;
		});
		
		//轮播插件
		var slider =
			  Swipe(document.getElementById('slider'), {
			    auto: 3000,
			    continuous: true,
			    callback: function(pos) {
			      var i = bullets.length;
			      while (i--) {
			        bullets[i].className = ' ';
			      }
			      bullets[pos].className = 'on';
			    }
			  });
		var bullets = document.getElementById('position').getElementsByTagName('li');
		
		var gzid = '${param.gzid}';
		
		//获取商品信息
		jQuery.ajax({
			type : 'Get',
			contentType : 'application/json',
			url : "${ctx}/goods/hotList.do?pageSize=10&currPage=1",
			cache:true,
			async:false,
			dataType : 'json',
			success:function(dataObj){
				
	        	var list = dataObj.obj.goodsList;
	        	
	        	for(var i = 0 ;i<list.length;i++){
	        		var model = $("#goods_new_model").clone();
	        		model.attr("id","");
	        		var goods = list[i];
	        		var price = goods.price;
					var discount = goods.discount; 
					var now_price = goods.nowPrice;
					var sumprice = price - now_price;
	            	$(".Glist").append(model);
	            	if(goods.picName.indexOf('http') != -1) {
	            		model.find("img").attr("src",goods.picName).attr("title",goods.title).attr("alt",goods.title);
	            	}else {
	            		model.find("img").attr("src","${ctx}/upload/download.do?fileName="+goods.picName).attr("title",goods.title).attr("alt",goods.title);
	            	}
	            	model.find("a").attr("href","${ctx}/detailGoodsS/"+goods.id+'?gzid='+gzid);
        			model.find(".title-a").attr("href","${ctx}/detailGoodsS/"+goods.id+'?gzid='+gzid);
	            	model.find(".title").html(goods.title);
	            	model.find(".btn").attr("href","${ctx}/detailGoodsS/"+goods.id+'?gzid='+gzid);
	            	model.find(".buy-num").html(goods.buyNum+"人已购买");
	            	model.find(".nowprice").html("￥"+now_price);
	            	model.find(".oldprice").html("￥"+price);
	            	model.find(".sumprice").html("￥"+sumprice);
	            	model.find(".discount").html(discount.toFixed(1));
	            	model.find("#timer_div").show();
            		var jDom = model.find("#timer_id");
    				sh=setInterval(_fresh(goods.expiredDate,jDom),100); 
	            	model.show();
	        	}
	        	
			}
		});
		
		$("#copyright_id").show();
		/**
		*倒计时函数
		**/
		function _fresh(date,jDom)  
		{  
		return function(){
			 var endtime=new Date(date);  
			 var nowtime = new Date();  
			 var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000);  
			 __d=parseInt(leftsecond/3600/24);  
			 __h=parseInt((leftsecond/3600)%24);  
			 __m=parseInt((leftsecond/60)%60);  
			 __s=parseInt(leftsecond%60);  
			var c=new Date();
			var q=((c.getMilliseconds())%10);
			jDom.html(__d+"天 "+__h+"小时"+__m+"分"+__s+"."+q+"秒");
			 if(leftsecond<=0){  
			 jDom.html("抢购已结束");
			 clearInterval(sh);  
			 }  
		};
		}
	});
</script>
</body></html>